/* CSS */
.chart-container {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
  }
  
  .chart-container > div {
    margin-bottom: 2rem; /* Space between each chart */
    width: calc(33.33% - 1rem); /* Three charts per row, considering gap */
  }
  
  /* Additional margins between different types of charts */
  .chart-container > div:nth-child(3n+1) {
    margin-right: 2rem; /* Additional margin to create space between bar and pie charts */
  }
  
  .chart-container > div:nth-child(3n+2) {
    margin-right: 2rem; /* Additional margin to create space between pie and polar charts */
  }
  
  /* Additional styles for individual charts if needed */
  .chart-container canvas {
    /* Adjust spacing or additional styles for each chart */
    margin-bottom: 1rem; /* Space between each chart */
  }
  